<title>{{title}}</title>
<div class="layout-container layout-column">
	<div class="layout-main profile-tabs">
		<tabs value="password">
	        <tab-pane icon="ios-card" :label="tab.password" name="password">
	        	<div class="layout-container layout-column">
		        	<div class="layout-main mb4j-padding-all">
						<i-form action="/api/index/password" method="post" label-position="left" :label-width="80">
							<form-item :label="content.password.oldPassword.label">
				                <i-input type="password" name="oldPassword" 
					        		:placeholder="content.password.oldPassword.placeholder"  
					        		valid="required:true,max:32" :label="content.password.oldPassword.label">
					        	</i-input>
				            </form-item>
				            <form-item :label="content.password.newPassword.label">
				                <i-input :type="content.password.type" name="password" 
					        		:placeholder="content.password.newPassword.placeholder"
					        		valid="required:true,max:32" :label="content.password.newPassword.label"
					        		icon="ios-eye-outline" @on-click="changePassworeType">
					        	</i-input>
				            </form-item>
				        </i-form>
					</div>
					<div class="layout-footer">
						<i-button type="primary" v-on:click="passwordSubmit">{{content.password.button.submit}}</i-button>
				    </div>
			    </div>
	        </tab-pane>
	        <tab-pane icon="md-cog" :label="tab.launcher" name="launcher">
	        	<div class="layout-container layout-column">
		        	<div class="layout-main mb4j-padding-all">
		        		<Alert v-if="content.launcher.launchers.length == 0" type="warning">{{content.launcher.tipText}}</Alert>
		        		<i-form method="post" label-position="left" :label-width="80">
			        		<form-item v-for="item in content.launcher.launchers" :label="item.name">
				            	<i-switch size="large" name="enable" v-model="item.enable" @on-change="onSwitchChange(item)">
				            		<span slot="open">{{content.launcher.on}}</span>
				        			<span slot="close">{{content.launcher.off}}</span>
				            	</i-switch>
				            </form-item>
			            </i-form>
		        	</div>
		        </div>
	        </tab-pane>
	    </tabs>
	</div>
</div>